<template>
  <div id="help-menu">
    <div class="header_title">和兴国际物流报价表</div>
    <table border="1">
      <thead>
        <th width="130px">序号</th>
        <th width="450px">内容</th>
        <th width="450px">简介</th>
        <th width="170px">详情</th>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>仓库地址</td>
          <td>仓库地址</td>
          <td class="a">点击进入</td>
        </tr>
        <tr>
          <td>2</td>
          <td>中韩电商专线</td>
          <td>韩国专线小包收费明细</td>
          <td class="a">点击进入</td>
        </tr>
        <tr>
          <td>3</td>
          <td>海外仓收费</td>
          <td>韩国仓库收费明细</td>
          <td class="a">点击进入</td>
        </tr>
        <tr>
          <td>4</td>
          <td>韩国发运商品须知</td>
          <td>韩国发海关发货须知</td>
          <td class="a">点击进入</td>
        </tr>
        <tr>
          <td>5</td>
          <td>中国海关发货须知</td>
          <td>中国海关发货须知</td>
          <td class="a">点击进入</td>
        </tr>
        <tr>
          <td>6</td>
          <td>费用试算</td>
          <td>费用试算</td>
          <td class="a">点击进入</td>
        </tr>
        <tr>
          <td>7</td>
          <td>GBS系统使用说明书3.0</td>
          <td>GBS系统使用说明书3.0</td>
          <td class="a">点击下载</td>
        </tr>
        <tr>
          <td>8</td>
          <td>订单导入操作指南-2021</td>
          <td>订单导入操作指南-2021</td>
          <td class="a">点击下载</td>
        </tr>
        <tr>
          <td>8</td>
          <td>订单导入操作指南-2021</td>
          <td>订单导入操作指南-2021</td>
          <td class="a">点击下载</td>
        </tr>
        <tr>
          <td>8</td>
          <td>订单导入操作指南-2021</td>
          <td>订单导入操作指南-2021</td>
          <td class="a">点击下载</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang="scss" scoped>
#help-menu {
  width: 1200px;
  position: relative;

  .header_title {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    background-color: #ffad1e;
    color: #fff;
  }

  table {
    border-collapse: collapse;

    thead th:nth-child(1) {
      width: 130px;
      height: 35px;
      background: #2e82ff;
      border: 1px solid #808080;
      text-align: center;
      color: #fff;
      font-size: 14px;
      padding: 5px;
    }

    thead th:nth-child(2) {
      width: 450px;
      background: #2e82ff;
      border: 1px solid #808080;
      text-align: center;
      color: #fff;
      font-size: 14px;
      padding: 5px;
    }

    thead th:nth-child(3) {
      width: 450px;
      background: #2e82ff;
      border: 1px solid #808080;
      text-align: center;
      color: #fff;
      font-size: 14px;
      padding: 5px;
    }

    thead th:nth-child(4) {
      width: 170px;
      background: #2e82ff;
      border: 1px solid #808080;
      text-align: center;
      color: #fff;
      font-size: 14px;
      padding: 5px;
    }

    tbody tr {
      height: 35px;
    }
  }
}
</style>
